import { useState, useEffect } from 'react';
import { useLocation } from 'react-router-dom';

export const useRouteLoading = () => {
  const [loading, setLoading] = useState(false);
  const location = useLocation();

  useEffect(() => {
    // 路由开始切换时显示加载
    setLoading(true);
    
    // 模拟路由组件加载时间，实际项目中可以根据需要调整
    const timer = setTimeout(() => {
      setLoading(false);
    }, 300); // 300ms的加载时间，可以根据实际情况调整

    return () => {
      clearTimeout(timer);
    };
  }, [location.pathname]);

  return loading;
};